export default {
  data() {
    return {
      // 商品分类列表数据
      cateList: [],
      // 表格各列的配置
      treeCol: [
        {
          // 列标题名称
          label: '分类名称',
          // 对应列标题的内容
          prop: 'cat_name'
        },
        {
          label: '是否有效',
          type: 'template', // 指定这一列是通过作用域插槽渲染
          template: 'isok' // 指定渲染的模板
        },
        {
          label: '排序',
          type: 'template',
          template: 'order'
        },
        {
          label: '操作',
          type: 'template',
          template: 'opt',
          width: 200
        }
      ],
      // 获取商品分类列表时的参数对象
      getListParams: {
        type: 3, // 获取三级分类
        pagenum: 1, // 默认展示第一页数据
        pagesize: 5 // 默认每页显示5条数据
      },
      total: 0, // 数据总条数
      // 添加商品分类对话框显示与隐藏
      addDialogVisible: false
    }
  },
  created() {
    this.getCateList()
  },
  methods: {
    // 获取分类列表
    async getCateList() {
      const { data: res } = await this.$http.get('categories', { params: this.getListParams })
      if (res.meta.status !== 200) return this.$message.error('获取分类列表失败!')
      // 请求成功
      this.total = res.data.total
      this.cateList = res.data.result
    },
    // 监听对话框的关闭事件
    addDialogClosed() {},
    // 编辑对话框
    showEditDialog(row) {},
    // 删除分类
    del(row) {}
  }
}
